<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>费用管理</title>
<%@ include file="/common/meta.jsp" %>
<link href="${ctx}/css/yui.css" type="text/css" rel="stylesheet"/>
<link href="${ctx}/css/style.css" type="text/css" rel="stylesheet"/>
<script src="${ctx}/js/table.js" type="text/javascript"></script>
<script src="${ctx}/js/pe/peFeeRecord.js" type="text/javascript"></script>
<style type="text/css">
#customers
  {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  }

#customers td, #customers th 
  {
  font-size:1em;
  border:1px solid #98bf21;
  padding:3px 7px 2px 7px;
  }

#customers th 
  {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  text-align:center;
  background-color:#A7C942;
  color:#ffffff;
  }

#customers tr.alt td 
  {
  color:#000000;
  background-color:#EAF2D3;
  }
</style>

</head>
<body>
<table width="700" class="noborder">
	<tr>
	<td align="left" ><div style="font-family:Arial;font-size:15px;font-weight:bold;font-style:normal">当前位置：体检--体检费用管理</div> </td>
	</tr>
</table>
<form id="peFeeMainForm"  action=""  method="get">
	<input type="hidden" name="page.pageNo" id="pageNo" value="${page.pageNo}"/>
	<input type="hidden" name="page.orderBy" id="orderBy" value="${page.orderBy}"/>
	<input type="hidden" name="page.order" id="order" value="${page.order}"/>
    <table width="80%" class="noborder">
	     <tr>
		     <td align="left"  valign="middle">工&nbsp;/&nbsp;学号：<input type="text" id="peInforId" name="peInforId" value="${peInforId}" size="15"/></td>
		     <td align="center" valign="middle">班&nbsp;&nbsp;主&nbsp;任&nbsp;：<s:select cssStyle="width:100px"  value="%{teacher}" theme="simple" name="teacher" list="{'','是','否'}"/></td>
		     <td align="center" valign="middle">支付标示：<s:select cssStyle="width:100px" theme="simple" value="%{freeType}"  name="freeType" list="{'','已交费','未交费'}"/></td>
	    	 <td align="right" > <input type="button"  onclick="list()" value="查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询" /></td>   
	    </tr>
	     <tr>
	         <td align="left"  valign="middle">应付总额：<s:textfield id="d1"  readonly="true" name="total" size="15" theme="simple"/></td>
	         <td align="center" valign="middle">支付方式：<s:select cssStyle="width:100px" theme="simple" value="%{payTypeId}" id="payTypeId" name="payTypeId" listKey="id"  emptyOption="true" listValue="term" list="payType"/></td>
		     <td align="right" colspan="2"  valign="middle">&nbsp;&nbsp;&nbsp;&nbsp; <input onclick="save()" type="button" value="确认收取" /></td>
	    </tr>
    </table>
   <br />
    <div id="content">
		<table width="80%" border="1" id="customers">
			<tr>
				<th>序号</th>
				<th>员工号</th>
				<th>体检人</th>
				<th>体检套餐</th>
				<th>收费金额</th>
				<th>支付方式</th>
				<th>支付标示</th>
			</tr>
			<s:iterator value="page.result">
			        <input type="hidden" name="paid" value="${paid}"/> 
					<tr class="alt" > 
						<td>${id}</td>
						<td>${peInfor.person.idNumber}</td>
						<td>${peInfor.person.name}</td>
						<td>${peInfor.peSet.name}</td>
						<td>${fee}</td>
						<td>${paymentTerm.term}</td>
						<td><s:if test="paid == true">已交费</s:if><s:else>未交费</s:else></td>
					</tr>
			</s:iterator>
			</table>
	</div>
	<p></p>
	<table width="700" class="noborder">
	  <tr>
		    <td colspan="2"  align="right" >第1页, 共${page.totalPages}页
				<a href="javascript:costJumpPage(1)">首页</a>
				<s:if test="page.hasPre"><a href="javascript:costJumpPage(${page.prePage})">上一页</a></s:if>
				<s:if test="page.hasNext"><a href="javascript:costJumpPage(${page.nextPage})">下一页</a></s:if>
				<a href="javascript:costJumpPage(${page.totalPages})">末页</a>
			</td>
	  </tr>
	</table> 
</form>
</body>
</html>